<!--
 * @Author: 黑白灰01 3193273703@qq.com
 * @Date: 2025-01-27 11:01:18
 * @LastEditors: 黑白灰01 3193273703@qq.com
 * @LastEditTime: 2025-01-27 17:48:46
 * @FilePath: /hei_picture_web/src/page/login/LoginIndex.vue
 * @Description: 登录页面
-->
<template>
  <div class="login-page">
    <div class="login-container">
      <LoginModal />
    </div>
  </div>
</template>

<script setup lang="ts">
import LoginModal from './modal/LoginModalFrom.vue'
</script>

<style scoped lang="scss">
.login-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f2f5;
}

.login-container {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
</style>
